// 宽高
.w100{
	width: 100vw;
}
.h100 {
	height: 100vh;
}
.w-100 {
	width: 100%;
}
.h-100 {
	height: 100%;
}

// 颜色
.color-fff {
	color: #fff;
}
.color-000 {
	color: black;
}
.color-999 {
	color: #999;
}
.color-333 {
	color: #333;
}
.color-555 {
	color: #555;
}
.color-ccc {
	color:#ccc
}
.color-main {
	color: #2471D9;
}
.color-a5a {
	color: #A5A5A5;
}
.color-ea4 {
	color: #EA4444;
}
.color-786 {
	color: #786F6F;
}
.color-F60{
  color: #FF6060;
}
.color-green{
  color: #63C945;
}
// 背景颜色
.bg-fff {
	background-color: #fff;
}
.bg-main {
	background-color: #2471D9;
}
.bg-base-main {
	background-color: #f4f5f5;
}
.bg-red {
	background-color: #EA4444;
}
.bg-f8f {
	background-color: #f8f8f8;
}
// 字体
.size-12 {
	font-size: 12rpx;
}
.size-14 {
	font-size: 14rpx;
}
.size-20 {
	font-size: 20rpx;
}
.size-24 {
	font-size: 24rpx;
}
.size-26 {
	font-size: 26rpx;
}	
.size-28 {
	font-size: 28rpx;
}
.size-30 {
	font-size: 30rpx;
}
.size-32 {
	font-size: 32rpx;
}
.size-34 {
	font-size: 34rpx;
}
// 字重
.fw700 {
	font-weight: bold;
}
.fw400 {
	font-weight: normal;
}
// margin
.mt8 {
	margin-top: 8rpx;
}
.mt16 {
	margin-top: 16rpx;
}
.mt20 {
	margin-top: 20rpx;
}
.mr8 {
	margin-right: 8rpx;
}
.mr16 {
	margin-right: 16rpx;
}
.mr20 {
	margin-right: 20rpx;
}
.mr24 {
	margin-right: 24rpx;
}
.mr26 {
	margin-right: 26rpx;
}
.mr32 {
	margin-right: 32rpx;
}
.mb8{
	margin-bottom:8rpx;
}
.mb10{
	margin-bottom:10rpx;
}
.mb12{
	margin-bottom:12rpx;
}
.mb16 {
	margin-bottom: 16rpx;
}
.mb20 {
	margin-bottom: 20rpx;
}
.ml8 {
	margin-left: 8rpx;
}
.ml16 {
	margin-left: 16rpx;
}
.ml24 {
	margin-left: 24rpx;
}
.ml28 {
	margin-left: 28rpx;
}
.ml32 {
	margin-left: 32rpx;
}
.m20 {
	margin: 20rpx;
}
.m24 {
	margin: 24rpx;
}
.m30 {
	margin: 30rpx;
}
.m32 {
	margin: 32rpx;
}
// padding
.pt8 {
	padding-top: 8rpx;
}
.pt16 {
	padding-top: 16rpx;
}
.pt20 {
	padding-top: 20rpx;
}
.pr16 {
	padding-right: 16rpx;
}
.pr24 {
	padding-right: 24rpx;
}
.pr32 {
	padding-right: 32rpx;
}
.pb8 {
	padding-bottom: 8rpx;
}
.pb16 {
	padding-bottom: 16rpx;
}
.pb20 {
	padding-bottom: 20rpx;
}
.pl16 {
	padding-left: 16rpx;
}
.pl24 {
	padding-left: 24rpx;
}
.pl30 {
	padding-left: 30rpx;
}
.pl32 {
	padding-left: 32rpx;
}
.p16 {
	padding: 16rpx;
}
.p20 {
	padding: 20rpx;
}
.p24 {
	padding: 24rpx;
}
.p30 {
	padding: 30rpx;
}	
.p32 {
	padding: 32rpx;
}
.plr30 {
	padding-left: 30rpx;
	padding-right: 30rpx;
}
.plr20 {
	padding-left: 20rpx;
	padding-right: 20rpx;
}
.ptb30 {
	padding-top: 30rpx;
	padding-bottom: 30rpx;
}
// 文字对齐
.t-l{
	text-align: left;
}
.t-c {
	text-align: center;
}
.t-r {
	text-align: right;
}
// 定位
.po-a {
	position: absolute;
}
.po-r {
	position: relative;
}
.po-fixed {
	position: fixed;
}
// 圆角
.radio50 {
	border-radius: 50%;
}
.radio10 {
	border-radius: 10rpx;
}